<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 2.新制作一个页面，要求：
		       2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
		       2.2 分别实现 id,类，标签三种方式查找以上元素 -->
			   
			   <div id="c1" class="div1">
			   	第一个人
			   	<p>爸爸</p>
			   	<p>妈妈</p>
			   	<p>爷爷</p>
			   	<p>奶奶</p>
			   	<p>外公</p>
			   </div>
			   
			   <div id="c2" class="div2">
			   	第二个人
			   </div>
			   
			   <div id="c3" class="div3">
			   	第三个人
			   </div>
			   <h1>一共有几个人</h1>
			   <img src="./img/2021-10-22_172034.png" > 
			   <ul>
			   	<li>唐</li>
			   	<li>江</li>
			   	<li>利</li>
			   	<li>最</li>
			   	<li>棒</li>
			   </ul>
	</body>
	<script type="text/javascript">
		//id选择器
		var c=document.getElementById('c1')
		console.log(c)
		
		//类选择器
		var b=document.getElementsByClassName('div1')
		console.log(b[1])
		
		//标签选择器
		var a=document.getElementsByTagName('div')
		console.log(a)
	</script>
	
</html>
